<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>有道首页</title>
    <link href="index.css" rel="stylesheet" type="text/css">
    <script src="../jquery-2.2.3.min.js"></script>
    <script src="index.js"></script>

</head>
<body>
<div class="ui-head">
    <ul class="right">
        <li><a href="#">网易</a></li>
        <li class="line"></li>
        <li><a href="#" class="login">登录</a></li>
    </ul>
</div>
<div class="ui-content">
    <div class="logo">
        <img src="../images/logo.png">
    </div>
    <div class="top_title">
        <ul class="tnv">
            <li><a href="#">网页</a></li>
            <li><a href="#">图片</a></li>
            <li><a href="#">视频</a></li>
            <li><a href="#">购物</a></li>
            <li><a href="#">热闻</a></li>
            <li><a href="#">词典</a></li>
            <li><a href="#">翻译</a></li>
            <li><a href="#">笔记</a></li>
            <li><a href="#">更多&raquo;</a></li>
        </ul>
        <div class="divLine"></div>
    </div>
    <div class="edt">
        <form>
            <input class="w" type="text" name="q">

            <div class="search">
                <a href="#" class="sea">搜索</a>
            </div>
            <input type="submit" value="提交">
        </form>
    </div>
    <div class="bottom_title">
        <ul>
            <li><a href="#">桌面版</a></li>
            <li class="line"></li>
            <li><a href="#">手机版</a></li>
            <li class="line"></li>
            <li><a href="#">有道翻译官</a></li>
            <li class="line"></li>
            <li><a href="#">专业翻译</a></li>
            <li class="line"></li>
            <li><a href="#">单词本</a></li>
            <li class="line"></li>
            <li><a href="#">有道课堂</a></li>
            <li class="line"></li>
            <li><a href="#">论坛</a></li>
            <li class="line"></li>
            <li><a href="#">有道e读</a></li>
        </ul>
    </div>

</div>
</body>
</html>